<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>${title}</title>
    <!--  变量 domain:域名  logo:图片相对地址  -->
    <link rel="shortcut icon" href="${domain}/${logo}">
    <link rel="stylesheet" href="${domain}/cms/template/default/static/layui/css/layui.css">

</head>

<body class="bgp">

<%
var articleContent = cmsService.getArticleContentByArticleId(id);
var article = cmsService.getByArticleId(id);
var author = cmsService.getUserNameByUserId(article.createUser);
%>
<style type="text/css">
    .bgp{
        background-image: url('${domain}/${article.imageSrc}');
        background-attachment: fixed;
        background-size: 100%;
    }
</style>
<div>

    <%
    include("header.html"){}
    %>
    <div style="margin: 0px auto;width: 900px">
        <div class="layui-panel" id="test10" style="padding: 20px">
            <li>
                <h2 style="text-align: center;font-size: xx-large">
                    <strong>
                        ${article.title}
                    </strong>
                </h2>
            </li>
            <br>
            <li>
                <p style="text-align: right;font-size: small;padding: 10px">
                    <strong>
                        ${author}
                    </strong>
                </p>
            </li>
            <li>
                <p style="text-align: right;font-size: small;padding: 5px">
                    <strong>
                        ${article.publishTime,dateFormat="yyyy-MM-dd"}
                    </strong>
                </p>
            </li>
            <br>
            <li>
                <span style="align-content: center;font-size: large;line-height:2em;">
                    ${articleContent.content}
                </span>
            </li>
        </div>
    </div>

    <%
    include("footer.html"){}
    %>
</div>

<div>

</div>

</body>
<script src="${domain}/cms/template/default/static/layui/layui.js"/>

</html>